<template>
    <div class="home">
        <!-- 首页头部 -->
        <home-header></home-header>
        <!-- 首页轮播图 -->
        <home-banner></home-banner>
        <!-- 主体部分 -->
        <home-haowu></home-haowu>
        <!-- 热门品牌 -->
        <home-brands></home-brands>
        <!-- 产品区块 -->
        <home-goods></home-goods>
        <!-- 最新专题 -->
        <home-new></home-new>
        <!-- 首页尾部 -->
        <home-footer></home-footer>
    </div>
</template>

<script>
import HomeHeader from '@/common/HomeHeader.vue'
import HomeFooter from '@/common/HomeFooter.vue'
import HomeBanner from '@/common/HomeBanner.vue'
import HomeHaowu from '@/common/HomeHaowu.vue'
import HomeBrands from '@/common/HomeBrands.vue'
import HomeGoods from '@/common/HomeGoods.vue'
import HomeNew from '@/common/HomeNew.vue'
export default {
  components: { HomeHeader, HomeFooter, HomeBanner,HomeHaowu, HomeBrands, HomeGoods, HomeNew },
    name:"HomeView"
}
</script>

<style lang="less" scoped>
.home{
    width:100%;  
    position: relative;
    .header{
        position:relative;
        .bottom{
            position:sticky;
            top:0;
        }
    }
}
</style>